@import 'uview-ui/theme.scss';
$u-border-color: #ffffff;
page {
	.dark{
		min-height: 100vh;
		background-color: #161324;
		--primary-color:#765CFE;
		--background-color:#161324;
		--search-color:#2E2D3E;
		
		--reversal-color:white; //白色黑色反转色
	}
	.light{
		min-height: 100vh;
		background-color: #F0F1F5; // 页面背景色
		--primary-color:red;
		--background-color:#F0F1F5; // 背景色
		--background-second-color:#E6E6E6; // 背景色
		--background-three-color:#FCFCFC; // 背景色
		--reversal-color:#333;
		--search-color:skyblue;
		--title-color: #1A1A1A; //标题颜色
		--content-desc-color:#333333;//内容部分颜色
		--line-color: rgba(0, 0, 0, 0.12);//分割线颜色
		--theme-color:#765CFE;
		--theme-second-color:#FF8DC3;
		--border-color:#666666;
		--color-lightGrey:#999999;
		--background-white:white;
		.text-color-txtTheme{
			color: var(--theme-color);
		}
		.text-order-time{
			color: #4D4D4D;
		}
		.text-order-666{
			color: #666666;
		}
		.text-tips{
			color:#999999;
		}
		.day-color{
			color:#4c4c4c;
		}
	}
}
.bg-theme-model{
	background: var(--background-white);
	color:var(--reversal-color);
}
.content-desc-item{
	color: var(--content-desc-color)
}
.color-grey{
	color: var(--color-lightGrey);
}
.text-bold{
	font-weight: bold;
}
.u-inline-flex{
	display: inline-flex;
	align-items: center;
}
//红点
.notice {
	width: 16rpx;
	height: 16rpx;
	background: red;
	border-radius: 100%;
	position: absolute;
	right: -20rpx;
	top: -12rpx;
	z-index: 99;
}
//标题
.box-title{
	color: var(--title-color);
}
//反转色
.text-white-black-reversal{
	color: var(--reversal-color);
}
// 双十一的标签样式
.double-eleven{
	width: 60rpx;
	border-radius:12rpx 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.text-white{
	color: white;
}
.text-black {
	color:black;
}
view{
	word-break: break-all;
}
.row-end{
	justify-content: end;
}
//grid
.u-grid{
	display: grid;
	&-1fr{
		grid-template-columns: 1fr 1fr;
	}
	&-3fr{
		grid-template-columns: 2fr;
	}
}
$primary:#765CFE;
$background:#161324;
$lineColor:#423F4F;
$color:B0B2D8 9698A4 DEDEDE 6A6A7C C1C1C1 765CFE 9598a4 999 c2c2c2 ccc 989898 494949 e6e6e6 A6A8CD e9e9e9 fbfbfb D6D7F9 f5f5f5 1F1B34 777584;
@each $var in $color {
	.text-color-#{$var}{
		$unquote:'#';
		color: #{$unquote}#{$var};
	}
}
.inline-flex{
	display: inline-flex;
}
page{
	// .u-input__input{
	// 	color: #DEDEDE;
	// }
	// view.diy-input{
	// 	.u-input{
	// 		background:transparentize($color: #000000, $amount: 1);
	// 	}
	// }
	.u-input{
		// background: $background;
	}
	.u-border-bottom:after, .u-border-left:after, .u-border-right:after, .u-border-top-bottom:after, .u-border-top:after, .u-border:after{
		border-color:transparentize($color: #6F6D78, $amount: 0.6);
	}
}
$positon:relative fixed absolute;
@each $var in $positon {
	.u-position-#{$var}{
		position: #{$var};
	}
}
.page-title{
	&::after{
		content: '';
		display: block;
		height: 4rpx;
		width: 320rpx;
		margin: 27rpx auto;
		background-color: $primary;
	}
}

.sava-btn{
	bottom: 200rpx;
	left: 225rpx;
	right: 225rpx;
}
.bg-theme{
	background: $background;
}
.u-swipe-action{
	border-radius: 20rpx;
}

.swiper-tab-box{
	transform: translate3d(0%, 0px, 0px);
	transition-duration: 0.5s;
	will-change: left;
	&-content{
		width: 100%;
		flex-shrink: 0;
	}
	.wrapper-inactive{
		height: 0;
		overflow: visible;
		box-sizing: border-box;
	}
}
.swiper-box-padding{
	padding-bottom: 300rpx;
}
.loading-page{
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
@for $i from 24 through 72 {
	.font-#{$i} {font-size: $i*1rpx;}
}
.desc{
	line-height: 34rpx;
	text-align: justify;
	word-break: break-all;
}
.line-clamp{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

page{
	/deep/.u-drawer-content.u-drawer-right{
		background-color: var(--submit-bar-background-color);
	}
	.tag-box{
		flex-wrap: wrap;
		.tag-item{
			width:33.33%;
			.tag-title{
				display: block;
				margin:10rpx;
				text-align: center;
				font-size: 24rpx;
				box-sizing: border-box;
				padding: 0 10rpx;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				line-height: 50rpx;
				border-radius: 10rpx;
				color: var(--theme-color);
				border: 1px solid var(--theme-color);
				&.checked-tag-title{
					background-color: var(--theme-color);
					color: white;
				}
			}
		}
	}
	.tag-btn-view{
		height: 120rpx;
	}
	.tag-btns{
		justify-content: flex-end;
		bottom: 0;
		right: 0;
		left: 0;
		padding: 32rpx;
		background-color: var(--submit-bar-background-color);
		.tag-btn{
			width: 140rpx;
			line-height: 60rpx;
			color: white;
			text-align: center;
			font-size: 22rpx;
			&.right-btn{
				background: #5643B9;
				border-color: #5643B9;
				border-radius: 0 var(--goods-action-button-border-radius,20px) var(--goods-action-button-border-radius,20px) 0;
			}
			&.left-btn{    
				background: #765CFE;
				border-color: #765CFE;
				border-radius: var(--goods-action-button-border-radius,20px) 0 0 var(--goods-action-button-border-radius,20px);
			}
		}
	}
}
